<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>纸牌</title>
		<link rel="stylesheet" href="css/index.css" />
		<!--<link rel="preload" href="img/1.jpg" as=image>
		<link rel="preload" href="img/10.jpg" as="image">
		<link rel="preload" href="img/11.jpg" as="image">
		<link rel="preload" href="img/12.jpg" as="image">
		<link rel="preload" href="img/13.jpg" as="image">
		<link rel="preload" href="img/14.jpg" as="image">
		<link rel="preload" href="img/15.jpg" as="image">
		<link rel="preload" href="img/16.jpg" as="image">
		<link rel="preload" href="img/17.jpg" as="image">
		<link rel="preload" href="img/18.jpg" as="image">
		<link rel="preload" href="img/19.jpg" as="image">
		<link rel="preload" href="img/2.jpg" as="image">
		<link rel="preload" href="img/20.jpg" as="image">
		<link rel="preload" href="img/21.jpg" as="image">
		<link rel="preload" href="img/22.jpg" as="image">
		<link rel="preload" href="img/23.jpg" as="image">
		<link rel="preload" href="img/24.jpg" as="image">
		<link rel="preload" href="img/25.jpg" as="image">
		<link rel="preload" href="img/26.jpg" as="image">
		<link rel="preload" href="img/27.jpg" as="image">
		<link rel="preload" href="img/28.jpg" as="image">
		<link rel="preload" href="img/29.jpg" as="image">
		<link rel="preload" href="img/3.jpg" as="image">
		<link rel="preload" href="img/30.jpg" as="image">
		<link rel="preload" href="img/31.jpg" as="image">
		<link rel="preload" href="img/32.jpg" as="image">
		<link rel="preload" href="img/33.jpg" as="image">
		<link rel="preload" href="img/34.jpg" as="image">
		<link rel="preload" href="img/35.jpg" as="image">
		<link rel="preload" href="img/36.jpg" as="image">
		<link rel="preload" href="img/37.jpg" as="image">
		<link rel="preload" href="img/38.jpg" as="image">
		<link rel="preload" href="img/39.jpg" as="image">
		<link rel="preload" href="img/4.jpg" as="image">
		<link rel="preload" href="img/40.jpg" as="image">
		<link rel="preload" href="img/41.jpg" as="image">
		<link rel="preload" href="img/42.jpg" as="image">
		<link rel="preload" href="img/43.jpg" as="image">
		<link rel="preload" href="img/44.jpg" as="image">
		<link rel="preload" href="img/45.jpg" as="image">
		<link rel="preload" href="img/46.jpg" as="image">
		<link rel="preload" href="img/47.jpg" as="image">
		<link rel="preload" href="img/48.jpg" as="image">
		<link rel="preload" href="img/49.jpg" as="image">
		<link rel="preload" href="img/5.jpg" as="image">
		<link rel="preload" href="img/50.jpg" as="image">
		<link rel="preload" href="img/51.jpg" as="image">
		<link rel="preload" href="img/52.jpg" as="image">
		<link rel="preload" href="img/6.jpg" as="image">
		<link rel="preload" href="img/7.jpg" as="image">
		<link rel="preload" href="img/8.jpg" as="image">
		<link rel="preload" href="img/9.jpg" as="image">-->
	</head>

	<body>
		<div id="main">
			<!-- 顶部牌堆 -->
			<div class="nav">
				<!-- 左侧牌堆 -->
				<div id="allPoker">
					<div class="active"></div>
					<div></div>
				</div>
				<!-- 右侧4个牌堆 -->
				<div id="fourPokers">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
			<!-- 底部 7个牌堆-->
			<div id="sevenPokers">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
		<script type="text/javascript" src="js/index.js" ></script>
	</body>

</html>